<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算属性中的setter和getter</title>
	<script src="vue.js"></script>
</head>
<body>
	<div id="root">
		<div>{{fullName}}</div>
	</div>

	<script>
		var vm = new Vue({
			el: '#root',
			data: {
				firstName: 'Dell',
				lastName: 'Lee'
			},
			computed: {
				fullName: {
					get: function(){
						return this.firstName + ' ' + this.lastName
					},
					set: function(value){
						var arr = value.split(' ');
						this.firstName = arr[0];
						this.lastName = arr[1];
					}
				}
			}
		})
	</script>
</body>
</html>